<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>《${novel.novelname}》_${novel.nickname}著_玄幻_校园原创小说网</title>
    <link rel="stylesheet" data-ignore="true" href="css/novel.css" />
    <script type="text/javascript">
    	
        //var syntop = document.getElementById("syntop");
        //var litop = document.getElementById("litop");
        function list() {
       		var syn = document.getElementById("j-bookInfoPage");
        	var li = document.getElementById("j_catalogPage");
            //切换成小说目录DIV
            syn.style.color = "gray";
            li.style.color = "red";
           
            document.getElementById("novelsyno").style.display = "none";
            document.getElementById("j-catalogWrap").style.display = "block";
        }
        
        function syno() {
            //切换成小说简介DIV
            var syn = document.getElementById("j-bookInfoPage");
        	var li = document.getElementById("j_catalogPage");
            syn.style.color = "red";
            li.style.color = "gray";
            document.getElementById("novelsyno").style.display = "block";
            document.getElementById("j-catalogWrap").style.display = "none";
        }

    </script>


</head>
<body>
    <div class="wrap" action="novel.do">



        <div id="pin-nav" class="pin-nav-wrap need-search" data-l1="40">
            <div class="box-center cf">
                <div class="nav-list site-nav fl">
                    <ul>
                        <li class="site">
                            <a class="pin-logo" href="" data-eid="qd_A43">校园原创小说网</a>

                        </li>
                        <li><a href="" target="" data-eid="qd_A47">玄幻</a></li>
                        <li><a href="" target="" data-eid="qd_A48">都市</a></li>
                        <li><a href="" target="" data-eid="qd_A49">仙侠</a></li>
                        <li><a href="" target="" data-eid="qd_A50">科幻</a></li>
                        <li><a href="" target="" data-eid="qd_A56">游戏</a></li>
                        <li><a href="" target="" data-eid="qd_A52">历史</a></li>
                        <li><a href="" target="_blank" data-eid="qd_A53">排行</a></li>
                        <li class="more">
                            <a href="javascript:" id="top-nav-more" target="" data-eid="qd_A54">更多<span></span></a>
                            <div class="dropdown">
                                <a href="" target="_blank" data-eid="qd_A169">全部作品</a>
                                <a href="" target="" data-eid="qd_A55">二次元</a>
                                <a href="" target="" data-eid="qd_A51">奇幻</a>
                                <a href="" target="" data-eid="qd_A57">武侠</a>
                                <a href="" target="" data-eid="qd_A58">悬疑灵异</a>
                                <a href="" target="" data-eid="qd_A59">军事</a>
                                <a href="" target="" data-eid="qd_A60">现实</a>
                                <a href="" target="" data-eid="qd_A61">体育</a>
                                <a href="" target="" data-eid="qd_A196">短篇</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="nav-list min-user fr">
                    <ul>
                        <li id="min-search">
                            <form id="formUrl" action="" method="get" target="_blank">
                                <label id="pin-search" for="topSearchSubmit" data-eid="qd_A62">
                                    <em class="iconfont"></em>
                                </label>
                                <input id="pin-input" class="pin-input hide" type="text" name="kw" placeholder="随身带个狩猎空间">
                                <input class="submit-input" type="submit" id="topSearchSubmit" data-eid="qd_A62">
                            </form>
                        </li>
                        <li class="line"></li>
                        <c:if test="${loginuser==null}">
	                        <li class="sign-out">
	                            <a id="pin-login" href="login.jsp" data-eid="qd_A64">登录</a>
	                            <a class="reg" href="">注册</a>
	                        </li>
                        </c:if>
                        <c:if test="${loginuser!=null}">
                        	<li class="sign-out">
	                            <a id="pin-login" href="#" data-eid="qd_A64">${loginuser.userid}</a>
	                        </li>
	                        <li class="sign-out">
	                            <a id="pin-login" href="loginout.do" data-eid="qd_A64">退出登录</a>
	                        </li>
                        </c:if>
                        <li class="sign-in hidden">
                            <a href="" target="_blank" data-eid="qd_A65"><i id="nav-user-name"></i><span></span></a>
                            <div class="dropdown">
                                <a href="" target="_blank" data-eid="qd_A66">消息(<i id="top-msg">0</i>)</a>
                                <a href="" target="_blank" data-eid="qd_A67">充值</a>
                                <a href="" target="_blank" data-eid="qd_A68">个人中心</a>
                                <a href="" target="_blank" data-eid="qd_A69">客服中心</a>
                                <a id="exit" href="javascript:" data-eid="qd_A70">退出</a>
                            </div>
                        </li>
                        <li class="line"></li>
                        <li class="book-shelf" id="top-book-shelf">
                        	<c:if test="${loginuser==null}">
	                            <a href="login.jsp" target="_blank" data-eid="qd_A63">
	                                <i>
	                                    	我的书架
	                                </i>
	                            </a>
                            </c:if>
                            <c:if test="${loginuser!=null}">
	                            <a href="mybooksroom.jsp?userid=${loginuser.userid}" target="_blank" data-eid="qd_A63">
	                                <i>
	                                    	我的书架
	                                </i>
	                            </a>
                            </c:if>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <div id="j-topHeadBox" class="top-bg-op-box " data-cookie="1" style="background-image:url('')" data-l1="1">
            <!--背景玄幻图片-->
            <a class="jumpWrap" href="" data-eid="qd_G100" data-qd_dd_p1="1">
                <span class="op-tag"></span>
            </a>

        </div>
        <div class="crumbs-nav center990  top-op" data-l1="1">

            <span>
                <cite class="lt"></cite>

                <a href="" data-eid="qd_G01">首页</a><em class="iconfont">></em>

                <a href="" target="_blank" data-eid="qd_G02">玄幻频道</a><em class="iconfont">></em>

                <a href="" target="_blank">${novel.typename }</a><em class="iconfont">></em>


                <a href="">${novel.novelname}</a>
                <cite class="rt"></cite>
            </span>
        </div>
        <div class="border-shadow ">
            <span></span>
            <span></span>
        </div>
        <div class="book-detail-wrap center990">
            <div class="book-information cf" data-l1="2">
                <div class="book-img">
                    <a class="J-getJumpUrl" id="bookImg" href="" data-eid="qd_G09" data-bid="1115277" data-firstchapterjumpurl="">
                        <img src="../upload/${novel.photourl}" />
                    </a>
                </div>
                <div class="book-info ">
                    <h1>

                        <em>${novel.novelname }</em>
                        <span><a class="writer" href="" data-eid="qd_G08">${novel.nickname}</a> 著</span>

                    </h1>
                    <p class="tag">
                        <span class="blue">完本</span>

                        <span class="blue">签约</span>


                        <span class="blue">VIP</span>

                        <a href="" class="red" target="_blank" data-eid="qd_G10">${novel.typename}</a>

                        <a href="" class="red" target="_blank" data-eid="qd_G11">异世大陆</a>


                    </p><!--小说标签-->

                    <p class="intro">${novel.abstrac}</p>
                    <p>
                        <em>
                            <span class="PSjsExos"></span>
                        </em><cite></cite>
                    </p>

                    <p>
                        <a class="red-btn J-getJumpUrl " href="#" id="readBtn">免费试读</a>
                        <c:if test="${loginuser==null}">
                        	<a class="blue-btn add-book" id="addBookBtn" href="login.jsp">加入书架</a>
                        </c:if>
                        <c:if test="${loginuser!=null}">
                        	<a class="blue-btn add-book" id="addBookBtn" href="mybooksroom.do?novelid=${novel.novelid}">加入书架</a>
                        </c:if>
                    </p><!--小说阅读或加入书架-->

                </div>




            </div>

            <div class="content-nav-wrap cf" data-l1="3">
                <div class="nav-wrap fl">
                    <ul>
                        <li class="act" onclick="syno()" id="syntop"><a class="lang" id="j-bookInfoPage" href="javascript:" data-eid="qd_G15">作品信息</a></li>
                        <li class="j_catalog_block" onclick="list()" id="litop"><a class="lang" href="javascript:" id="j_catalogPage" data-eid="qd_G16">目录<i><span id="J-catalogCount">(${vnovelcount }章)</span></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="catalog-content-wrap hidden" id="j-catalogWrap" data-l1="14">
                <div class="go-top">
                    <div class="go-top-wrap">
                        <a href="#" class="icon-go-top"><em class="iconfont" data-eid="qd_G72">&#xe66b;</em></a>
                    </div>
                </div>

                <div class="volume-wrap">

                    <div class="volume">
                        <div class="cover"></div>

                        <h3>

                            <a class="subscri" href="//read.qidian.com/hankread/1115277/2411612" target="_blank"><em class="btn"><b class="iconfont">&#xe636;</b>分卷阅读</em></a>

                            作品相关<i>&#183;</i>共${vnovelcount }章<span class=free> 免费</span><em class="count">本卷共<cite>8593</cite>字</em>
                        </h3>
                        <ul class="cf">
							<c:forEach items="${novelContent }" var="novelContent">
                            	<li data-rid="1">
                                	<a href="contentlast.do?chapterid=${novelContent.chapterid}" target="_blank"  title="${novelContent.createtime } 章节字数：393">${novelContent.chaptername }</a>

                            	</li>
							</c:forEach>
                            
                        </ul>
                    </div>
                </div>

            </div><!--目录列表-->

            <div class="book-content-wrap cf" id="novelsyno">

                <div class="left-wrap fl">
                    <div class="book-info-detail">
                        <cite class="icon-pin"></cite>
                        <div class="book-intro">
                            <p>

                              ${novel.abstrac }
                            </p>
                        </div>
                    </div>
                </div>
            </div><!--作品简介-->
        </div>

    </div>

</body>


</html>
